<shape-box>

CSS 박스 모델에서 박스의 가장자리를 참조하는 키워드를 쉐입(shape)에게 사용하는 경우를 나타낸다.

키워드	요약
border-box	테두리가 있다면 테두리 영역까지의 범위를 정의한다. SVG 컨텍스트에서는 `stroke-box`와 동일한 값으로 사용된다.
content-box	실제로 콘텐츠가 보여지는 범위를 정의한다. SVG 컨텍스트에서는 `fill-box`와 동일한 값으로 사용된다.
margin-box	바깥쪽 여백 가장자리까지의 범위를 정의한다. SVG 컨텍스트에서는 `stroke-box`와 동일한 값으로 사용된다.
padding-box	내부 여백이 있다면 테두리를 뺀 내부 여백 포함을 나타내는 범위를 정의한다. SVG 컨텍스트에서는 `fill-box`와 동일한 값으로 사용된다.
fill-box	오브젝트 바운딩 박스(object bounding box)를 참조 박스로 사용한다. 웹브라우저에 따라서 SVG 컨텍스트에서만 적용될 수도 있다.
stroke-box	스트로크 바운딩 박스(stroke bounding box)를 참조 박스로 사용한다. 웹브라우저에 따라서 SVG 컨텍스트에서만 적용될 수도 있다.
view-box	가장 가까운 SVG 뷰포트를 참조 박스로 사용한다.

CSS Reference
HTML
JavaScript
Development